import { createRouter, createWebHashHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('../views/AboutView.vue'),
    },
    {
      path: '/classify',
      name: 'classify',
      component: () => import('../views/ClassifyView.vue'),
    },
    {
      path: '/cate',
      name: 'cate',
      component: () => import('../views/CateView.vue'),
    },
    {
      path: '/popular',
      name: 'popular',
      component: () => import('../views/PopularView.vue'),
    },
     {
      path: '/hotvideo',
      name: 'hotvideo',
      component: () => import('../views/HotVideo.vue'),
    },
    {
      path: '/food',
      name: 'food',
      component: () => import('../views/FoodView.vue'),
    },
    {
      path: '/ingrebients',
      name: 'ingrebients',
      component: () => import('../views/IngreBients.vue'),
    },
    {
      path: '/footer',
      name: 'footer',
      component: () => import('../components/FooterView.vue'),
    },

  ],
})

export default router
